<!DOCTYPE html>
<html>
    <head>
        <meta name="content-type" charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-touch-fullscreen" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <meta name="author" content="Jennifer">
        <title>首页</title>

        <!--样式文件-->
        <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
        <link rel="stylesheet" href="css/reset.css" type="text/css">
        <link rel="stylesheet" href="css/style.css" type="text/css">
        <!--以上为样式文件-->

    </head>
    <body>

        <div class="wrapper">
            <div id="index">

                <!--logo区域-->
                <div id="logo" class="logo">
                    <img src="images/logo.png" width="40%" height="" alt="临沂云购">
                </div>

                <!--账户余额-->
                <div id="account" class="account col-xs-12">
                    <p class="balance">
                        账户余额：<span id="balance">￥0.00</span>
                    </p>
                    <p>
                        <a href="#" class="withdraw">马上提现</a>
                    </p>
                </div>

                <!--转发提示-->
                <div id="forward" class="forward">
                    <img src="#" width="100%">
                </div>

                <div class="container-fluid">

                    <!--广告位招商-->
                    <div class="dialog" id="ad">
                        <img src="#">
                    </div>

                    <!-- 有红包列表 -->
                    <ul id="enList" class="envelope-list">
                        <li class="envelope dialog open">
                            <a href="#">
                                <i class="attach attach-y" alt="有红包"></i>
                                <div class="envelop-main txt-center">
                                    <h1 class="envelope-title">孕安馨</h1>
                                    <p class="envelope-intro">孕安馨产后恢复中心，消费多少送多少，并有现金红包免费领</p>
                                    <p class="envelope-phone">0539-7977875</p>
                                </div>
                                <div class="envelope-supp">
                                    <span class="left">阅读：<em id="read" class="orange">49891</em></span>
                                    <span class="right">剩余红包：<em id="packets" class="blue">￥242.80</em></span>
                                </div>
                            </a>
                        </li>
                        <li class="envelope dialog open">
                            <a href="#">
                                <i class="attach attach-y" alt="有红包"></i>
                                <div class="envelop-main txt-center">
                                    <h1 class="envelope-title">善草堂健康减肥</h1>
                                    <p class="envelope-intro">善草堂健康减肥一次1-8斤不反弹，无效退款，分享即得红包</p>
                                    <p class="envelope-phone">18866999661</p>
                                </div>
                                <div class="envelope-supp">
                                    <span class="left">阅读：<em id="read" class="orange">11022</em></span>
                                    <span class="right">剩余红包：<em id="packets" class="blue">￥37.44</em></span>
                                </div>
                            </a>
                        </li>

                        <!-- 无红包列表 -->

                        <li class="envelope dialog">
                            <a href="#">
                                <i class="attach attach-n" alt="无红包"></i>
                                <div class="envelop-main txt-center">
                                    <h1 class="envelope-title">东澳网络</h1>
                                    <p class="envelope-intro">东澳网络高薪诚聘销售！转发有红包！</p>
                                    <p class="envelope-phone">0539-2222283</p>
                                </div>

                            </a>
                        </li>
                        <li class="envelope dialog">
                            <a href="#">
                                <i class="attach attach-n" alt="无红包"></i>
                                <div class="envelop-main txt-center">
                                    <h1 class="envelope-title">青年游泳健身</h1>
                                    <p class="envelope-intro">善草堂健康减肥一次1-8斤不反弹，无效退款，分享即得红包</p>
                                    <p class="envelope-phone">18866999661</p>
                                </div>
                            </a>
                        </li>
                        <li class="envelope dialog">
                            <a href="#">
                                <i class="attach attach-n" alt="无红包"></i>
                                <div class="envelop-main txt-center">
                                    <h1 class="envelope-title">玛咖啤酒</h1>
                                    <p class="envelope-intro">老板豪气，买啤酒十箱送两箱，并有免费现金，敬请期待</p>
                                </div>
                            </a>
                        </li>
                        <li class="envelope dialog">
                            <a href="#">
                                <i class="attach attach-n" alt="无红包"></i>
                                <div class="envelop-main txt-center">
                                    <h1 class="envelope-title">蓝海梦想城</h1>
                                    <p class="envelope-intro">蓝海梦想城邀您做最美的新娘，分享即得免费现金</p>
                                </div>
                            </a>
                        </li>
                        <li class="envelope dialog">
                            <a href="#">
                                <i class="attach attach-n" alt="无红包"></i>
                                <div class="envelop-main txt-center">
                                    <h1 class="envelope-title">厕所串串香</h1>
                                    <p class="envelope-intro">吃蜀百味厕所串串，万元现金等你来抢，并有美容养颜的唯怡豆奶免费送送送</p>
                                    <p class="envelope-phone">4008539089</p>
                                </div>
                            </a>
                        </li>
                        <li class="envelope dialog">
                            <a href="#">
                                <i class="attach attach-n" alt="无红包"></i>
                                <div class="envelop-main txt-center">
                                    <h1 class="envelope-title">维诺婚礼</h1>
                                    <p class="envelope-intro">维诺婚礼周年庆，订婚庆送婚纱照，分享即得免费现金</p>
                                </div>
                            </a>
                        </li>
                        <li class="envelope dialog">
                            <a href="#">
                                <i class="attach attach-n" alt="无红包"></i>
                                <div class="envelop-main txt-center">
                                    <h1 class="envelope-title">魔法森林</h1>
                                    <p class="envelope-intro">善草堂健康减肥一次1-8斤不反弹，无效退款，分享即得红包</p>
                                </div>
                            </a>
                        </li>
                    </ul>

                    <!-- 查看全部红包信息 -->
                    <button class="btn btn-primary btn-block packets-all" href="javascript:void(0);">查看全部红包信息</button>

                    <!--以上为查看全部红包信息-->
                </div>
            </div>
        </div>

        <!-- 底部固定导航 -->
        <div id="menu" class="menu">
            <a href="#"><span>转发任务</span></a>
            <a href="#"><span>关注任务</span></a>
            <a href="#"><span>会员中心</span></a>
        </div>
        <!-- 以上为底部导航 -->

        <!--脚本-->
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    </body>
</html>